<menupopup id="zenWebPanelContextMenu"
            onpopupshowing="if (event.target == this) gZenBrowserManagerSidebar.updateContextMenu(this);"
            onpopuphidden="if (event.target == this) gZenBrowserManagerSidebar.contextTab = null;">
  <menuitem id="context_zenUnloadWebPanel" oncommand="gZenBrowserManagerSidebar.contextUnload();" data-l10n-id="zen-web-side-panel-context-unload"/>
  <menuitem id="context_zenToggleMuteWebPanel" oncommand="gZenBrowserManagerSidebar.contextToggleMuteAudio();"/>
  <menuitem id="context_zenToogleUAWebPanel" oncommand="gZenBrowserManagerSidebar.contextToggleUserAgent();"/>
  <menuitem id="context_zenOpenNewTabWebPanel" oncommand="gZenBrowserManagerSidebar.contextOpenNewTab();" data-l10n-id="zen-web-side-panel-open-in-new-tab"/>
  <menuseparator/>
  <menuitem id="context_zenDeleteWebPanel" oncommand="gZenBrowserManagerSidebar.contextDelete();" data-l10n-id="zen-web-side-panel-context-delete"/>
</menupopup>

<html:template id="template-zen-split-view-modifier">
<panel id="zenSplitViewModifier"
  class="panel-no-padding"
  orient="vertical"
  role="alertdialog"
  type="arrow"
  aria-labelledby="zen-split-view-modifier-header"
  tabspecific="true">
  <panelmultiview id="zenSplitViewModifierMultiview"
    mainViewId="zenSplitViewModifierViewDefault">
    <panelview id="zenSplitViewModifierViewDefault"
      class="PanelUI-subView"
      role="document"
      mainview-with-header="true"
      has-custom-header="true">
      <vbox>
        <box class="zen-split-view-modifier-preview grid">
          <box></box>
          <box></box>
          <box></box>
        </box>
        <p>Grid Layout</p>
      </vbox>
      <vbox>
        <box class="zen-split-view-modifier-preview hsep">
          <box></box>
          <box></box>
        </box>
        <p>Horizontal</p>
      </vbox>
      <vbox>
        <box class="zen-split-view-modifier-preview vsep">
          <box></box>
          <box></box>
        </box>
        <p>Vertical</p>
      </vbox>
      <vbox>
        <box class="zen-split-view-modifier-preview unsplit">
          <box></box>
        </box>
        <p>Unsplit</p>
      </vbox>
    </panelview>
  </panelmultiview>
</panel>
</html:template>

<panelview id="PanelUI-zen-profiles" position="bottomleft topleft" mainview="true" side="right">
  <vbox>
    <html:div id="PanelUI-zen-profiles-header">
      <html:div id="PanelUI-zen-profiles-user-picture"></html:div>
    </html:div>
    <vbox id="PanelUI-zen-profiles-current-info">
      <label id="PanelUI-zen-profiles-current-name"></label>
      <p id="PanelUI-zen-profiles-current-profile-current" data-l10n-id="zen-panel-ui-current-profile-text"></p>
    </vbox>
    <hbox id="PanelUI-zen-profiles-actions">
      <toolbarbutton id="PanelUI-zen-profiles-managePrfs" oncommand="switchToTabHavingURI('about:profiles', true);" data-l10n-id="appmenu-manage-profiles" class="subviewbutton"></toolbarbutton>
      <toolbarbutton id="PanelUI-zen-profiles-privateWin" command="Tools:PrivateBrowsing" data-l10n-id="appmenuitem-new-private-window" class="subviewbutton"></toolbarbutton>
      <toolbarbutton id="PanelUI-zen-profiles-newProfile" oncommand="ZenProfileDialogUI.createProfileWizard();" data-l10n-id="appmenu-create-profile" class="subviewbutton"></toolbarbutton>
    </hbox>
    <vbox id="PanelUI-zen-profiles-list">      
    </vbox>
  </vbox>
</panelview>

<panel flip="slide" type="arrow" orient="vertical" id="PanelUI-zen-workspaces" position="bottomright topright" mainview="true" side="left">
  <panelmultiview id="PanelUI-zen-workspaces-multiview" mainViewId="PanelUI-zen-workspaces-view">
    <panelview id="PanelUI-zen-workspaces-view" class="PanelUI-subView" role="document" mainview-with-header="true" has-custom-header="true">
      <vbox>
        <hbox>
          <h3 data-l10n-id="zen-panel-ui-current-window-text"></h3>
          <hbox class="translations-panel-beta" role="image" aria-label="Beta">
            <image class="translations-panel-beta-icon"></image>
          </hbox>
          <toolbarbutton id="PanelUI-zen-workspaces-new" oncommand="ZenWorkspaces.openSaveDialog();" class="subviewbutton">
            <image></image>
          </toolbarbutton>
        </hbox>
        <html:div id="PanelUI-zen-workspaces-current-info">
        </html:div>
      </vbox>
      <vbox>
        <h3 data-l10n-id="zen-panel-ui-workspaces-text"></h3>
        <html:div id="PanelUI-zen-workspaces-list">
        </html:div>
      </vbox>
    </panelview>
    <panelview id="PanelUI-zen-workspaces-create" class="PanelUI-subView" role="document" mainview-with-header="true" has-custom-header="true">
      <vbox>
        <h1 data-l10n-id="zen-panel-ui-workspaces-create-text"></h1>
        <html:input autofocus="true" id="PanelUI-zen-workspaces-create-input" type="text" placeholder="Enter workspace name" oninput="ZenWorkspaces.onWorkspaceCreationNameChange(this);" />
        <hbox id="PanelUI-zen-workspaces-create-icons-container">
        </hbox>
      </vbox>
      <html:moz-button-group class="panel-footer" id="PanelUI-zen-workspaces-create-footer">
        <button disabled="true" default="true" slot="primary" id="PanelUI-zen-workspaces-create-save" oncommand="ZenWorkspaces.saveWorkspaceFromCreate();" class="footer-button" data-l10n-id="zen-panel-ui-workspaces-create-save">
        </button>
        <button id="PanelUI-zen-workspaces-create-cancel" oncommand="ZenWorkspaces.closeWorkspacesSubView();" class="footer-button" data-l10n-id="zen-panel-ui-workspaces-create-cancel">
        </button>
      </html:moz-button-group>
    </panelview>
    <panelview id="PanelUI-zen-workspaces-edit" class="PanelUI-subView" role="document" mainview-with-header="true" has-custom-header="true">
      <vbox>
        <h1 data-l10n-id="zen-panel-ui-workspaces-edit-text"></h1>
        <html:input autofocus="true" id="PanelUI-zen-workspaces-edit-input" type="text" placeholder="Enter workspace name" oninput="ZenWorkspaces.onWorkspaceEditChange();" />
        <hbox id="PanelUI-zen-workspaces-edit-icons-container">
        </hbox>
      </vbox>
      <html:moz-button-group class="panel-footer" id="PanelUI-zen-workspaces-edit-footer">
        <button disabled="true" default="true" slot="primary" id="PanelUI-zen-workspaces-edit-save" oncommand="ZenWorkspaces.saveWorkspaceFromEdit();" class="footer-button" data-l10n-id="zen-panel-ui-workspaces-edit-save">
        </button>
        <button id="PanelUI-zen-workspaces-edit-cancel" oncommand="ZenWorkspaces.closeWorkspacesSubView();" class="footer-button" data-l10n-id="zen-panel-ui-workspaces-edit-cancel">
        </button>
      </html:moz-button-group>
    </panelview>
  </panelmultiview>
</panel>

<menupopup id="zenWorkspaceActionsMenu"
            onpopupshowing="ZenWorkspaces.updateContextMenu(this);"
            onpopuphidden="ZenWorkspaces.onContextMenuClose();">
  <menuitem id="context_zenOpenWorkspace" oncommand="ZenWorkspaces.openWorkspace();" data-l10n-id="zen-workspaces-panel-context-open"/>
  <menuseparator/>
  <menuitem id="context_zenSetAsDefaultWorkspace" oncommand="ZenWorkspaces.setDefaultWorkspace();" data-l10n-id="zen-workspaces-panel-context-set-default"/>
  <menuitem id="context_zenEditWorkspace" oncommand="ZenWorkspaces.contextEdit(event);" data-l10n-id="zen-workspaces-panel-context-edit"/>
  <menuitem id="context_zenDeleteWorkspace" oncommand="ZenWorkspaces.contextDelete(event);" data-l10n-id="zen-workspaces-panel-context-delete"/>
</menupopup>